<div  style="position: relative;">
    <div class="msg_sender">
        <div class="msg_tab">
            <ul class="tab_navs">
                <li class="tab_nav tab_text" ng-class="{'selected':currMedia == textMedia}" style="cursor: pointer;">
                    <a href="javascript:void(0);" ng-click="currMedia = textMedia">
                        &nbsp;<i class="icon_msg_sender"></i><span class="title">文字</span>
                    </a>
                </li>
                <li class="tab_nav tab_img" ng-class="{'selected':currMedia == imageMedia}" style="cursor: default;">
                    <a href="javascript:void(0);"  ng-click="currMedia = imageMedia">
                        &nbsp;<i class="icon_msg_sender"></i><span class="title">图片</span></a>
                </li>
                <li class="tab_nav tab_audio" ng-class="{'selected':currMedia == voiceMedia}" style="cursor: pointer;">
                    <a href="javascript:void(0);"  ng-click="currMedia = voiceMedia">
                        &nbsp;<i class="icon_msg_sender"></i><span class="title">语音</span></a>
                </li>
                <li class="tab_nav tab_video" ng-class="{'selected':currMedia == videoMedia}" style="cursor: pointer;">
                    <a href="javascript:void(0);" ng-click="currMedia = videoMedia">
                        &nbsp;<i class="icon_msg_sender"></i><span class="title">视频</span></a>
                </li>
                <li class="tab_nav tab_appmsg" ng-class="{'selected':currMedia == imageTextMedia}" style="cursor: pointer;">
                    <a href="javascript:void(0);" ng-click="currMedia = imageTextMedia">&nbsp;
                        <i class="icon_msg_sender"></i>
                        <span class="title">图文消息</span>
                    </a>
                </li>
            </ul>
            <div ng-if="currMedia == textMedia">
                <div class="tab_panel">
                    <div class="tab_content tab_text_content" ng-show="currMedia == textMedia">
                        <div class="js_textArea inner no_extra">
                            <div class="emotion_editor">
                                <div class="edit_area" contenteditable="true" style="overflow-y: auto; overflow-x: hidden;text-align: left;" ng-bind-html="textMedia.content | html" ng-init="bindChangeEvent()"></div>
                                <div class="editor_toolbar">
                                    <a href="javascript:void(0);" class="icon_emotion emotion_switch" ng-click="emotionShow=true">表情</a>

                                    <p class="editor_tip">还可以输入<em>{{textMedia.remain}}</em>字</p>
                                    <div emotion="emotionShow" content="textMedia.content"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-if="currMedia == imageMedia">
                <div class="tab_cont_cover" ng-show="!imageMedia.url">
                    <div class="tab_cont_inner clearfix">
                        <div class="media_cover">
                            <a href="javascript:;" class="add_wrap add-media" style="position: relative;">
                                <span class="media_add"></span>
                                <p class="color-gray add-media-tips">
                                    上传图片
                                </p>
                            </a>
                        </div>
                        <div class="moxie-shim" style="position: absolute; top: 75px; left: 27px; width: 419px; height: 58px; overflow: hidden; z-index: 0;">
                            <input type="file" nv-file-upload="imageGroup" nv-file-callback="addImage" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" accept="image/jpeg,image/png,image/gif,image/bmp">
                        </div>
                        <div class="media_cover">

                            <a href="javascript:;"  class="add_wrap select-media"
                               ui-dialog="选择图片"
                               ui-dialog-before-show="sendTab.imgDialog.showImages($dialogScope)"
                               ui-dialog-ok="sendTab.imgDialog.okImages($dialogScope)"
                               ui-dialog-cache="false"
                               ui-dialog-url="business_modules/material/ngviews/img_text_image.html">
                                <span class="media_add"></span>
                                <p class="color-gray">从素材库中选择</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="tab_panel" >

                    <div class="tab_content tab_image_content" ng-show="imageMedia.url">
                        <div class="inner">
                            <div>
                                <div class="appmsgSendedItem simple_img">
                                    <a class="title_wrp" href="{{imageMedia.url}}" target="_blank">
                                        <img class="icon" ng-src="{{imageMedia.url}}">
                                        <span class="title">{{imageMedia.name}}</span>
                                    </a>
                                </div>
                                <a href="javascript:;" class="link_dele" data-type="image" ng-click="clear('imageMedia')">删除</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div ng-if="currMedia == voiceMedia">
                <div class="tab_cont_cover"  ng-show="!voiceMedia.url">
                    <div class="tab_cont_inner clearfix">
                        <div class="media_cover">
                            <a href="javascript:;" class="add_wrap add-media" style="position: relative;" >
                                <span class="media_add"></span>
                                <p class="color-gray add-media-tips">
                                    上传语音
                                </p>
                            </a>
                        </div>
                        <div class="moxie-shim"  style="position: absolute; top: 75px; left: 27px; width: 419px; height: 58px; overflow: hidden; z-index: 0;">
                            <input type="file" nv-file-upload="voice" nv-file-upload-options="addVoice" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" >
                        </div>
                        <div class="media_cover">

                            <a href="javascript:;" class="add_wrap select-media"
                               ui-dialog="选择语音"
                               ui-dialog-before-show="sendTab.voiceDialog.showVoices($dialogScope)"
                               ui-dialog-ok="sendTab.voiceDialog.okVoices($dialogScope)"
                               ui-dialog-cache="false"
                               ui-dialog-url="business_modules/material/ngviews/voice_dialog.html">
                                <span class="media_add"></span>
                                <p class="color-gray">从素材库中选择</p>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="tab_panel">

                    <div class="tab_content tab_image_content" >
                        <div class="inner">
                            <div ng-show="voiceMedia.url" class="media_list">
                                <div class="appmsgSendedItem simple_audiomsg">
                                    <a class="title_wrp" href="{{voiceMedia.url}}" target="_blank">
                                        <span class="icon icon_lh"></span>
                                        <span class="title">{{voiceMedia.name}}</span>
                                    </a>
                                </div>
                                <a href="javascript:;" class="link_dele" data-type="image" ng-click="clear('voiceMedia')">删除</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div ng-if="currMedia == videoMedia">
                <div class="tab_cont_cover" ng-show="!videoMedia.url">
                    <div class="tab_cont_inner clearfix">
                        <div class="media_cover">

                            <a href="#/material/video/new" class="add_wrap add-media" style="position: relative;" >
                                <span class="media_add"></span>
                                <p class="color-gray add-media-tips">
                                    新建视频
                                </p>
                            </a>
                        </div>
                        <div class="media_cover">


                            <a href="javascript:;"  class="add_wrap select-media"
                               ui-dialog="选择视频"
                               ui-dialog-before-show="sendTab.videoDialog.showVideos($dialogScope)"
                               ui-dialog-ok="sendTab.videoDialog.okVideos($dialogScope)"
                               ui-dialog-cache="false"
                               ui-dialog-url="business_modules/material/ngviews/video_dialog.html"
                                    >
                                <span class="media_add"></span>
                                <p class="color-gray">从素材库中选择</p>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="tab_panel">

                    <div class="tab_content tab_video_content" >
                        <div class="inner">
                            <div ng-show="videoMedia.url" class="media_list">
                                <div class="appmsgSendedItem simple_audiomsg">
                                    <a class="title_wrp" href="{{videoMedia.url}}" target="_blank">
                                        <span class="icon icon_lh" src=""></span>
                                        <span class="title">{{videoMedia.name}}</span>
                                    </a>
                                </div>
                                <a href="javascript:;" class="link_dele" data-type="image" ng-click="clear('videoMedia')">删除</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-if="currMedia == imageTextMedia">
                <div class="tab_cont_cover"  ng-show="!imageTextMedia.content">
                    <div class="tab_cont_inner clearfix">
                        <div class="media_cover">

                            <a href="#/material/img_text/edit" class="add_wrap add-media" style="position: relative;" >
                                <span class="media_add"></span>
                                <p class="color-gray add-media-tips">
                                    新建图文
                                </p>
                            </a>

                        </div>
                        <div class="media_cover">


                            <a href="javascript:;" class="add_wrap"
                               ui-dialog="选择图文"
                               ui-dialog-show="messageSelector.init($dialogScope,$dialog)"
                               ui-dialog-ok="messageSelector.add()"
                               ui-dialog-cache="false"
                               ui-dialog-url="mass-message/views/message_dialog.html">
                                <span class="media_add"></span>
                                <p class="color-gray">从素材库中选择</p>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="tab_panel">

                    <div class="tab_content tab_imageText_content" ng-show="imageTextMedia.content">
                        <div class="inner">
                            <div class="clearfix" style="position:relative;">
                                <div class="appmsg pull-left w297" ng-if="message.articles.length === 1">
                                    <div class="appmsg_content" ng-init="article = message.articles[0]">
                                        <h4 class="appmsg_title">
                                            <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                        </h4>
                                        <div class="appmsg_info">
                                            <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000|date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                        </div>
                                        <div class="appmsg_thumb_wrp">
                                            <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                        </div>
                                        <p class="appmsg_desc" ng-cloak>{{article.summary}}</p>
                                    </div>
                                    <a href="javascript:;" class="link_dele" data-type="image" ng-click="clear('imageTextMedia')">删除</a>
                                </div>
                                <div class="appmsg multi w297" ng-if="message.articles.length > 1">
                                    <div class="appmsg_content">
                                        <div class="appmsg_info">
                                            <em class="appmsg_date" ng-cloak>{{message.modified_on * 1000|date: 'yyyy-MM-dd hh:mm:ss'}}</em>
                                        </div>
                                        <div class="cover_appmsg_item" ng-init="article = message.articles[0];">
                                            <h4 class="appmsg_title js_title">
                                                <a href="javascript:;" ng-cloak>{{article.title}}</a>
                                            </h4>
                                            <div class="appmsg_thumb_wrp">
                                                <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                            </div>
                                        </div>
                                        <div class="appmsg_item" ng-repeat="article in message.articles" ng-if="$index">
                                            <img ng-src="{{article.cover_url}}" alt="" class="appmsg_thumb">
                                            <h4 class="appmsg_title js_title">
                                                <a href="javascript:;" ng-cloak>{{article.summary}}</a>
                                            </h4>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="link_dele" data-type="image" ng-click="clear('imageTextMedia')">删除</a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>